<!DOCTYPE html>
<html>
<head>
<title>TelOFast</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta name = "viewport" content = "initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-touch-icon" content="http://telofast.com/telofun/logo.gif" />
<meta property="og:title" content="Tel-O-Fast" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://telofast.com/telofun/" />
<meta property="og:image" content="http://telofast.com/telofun/logo.gif" />
<meta property="og:site_name" content="TelOFast" />
<meta property="fb:admins" content="544108348" />
<meta name="title" content="Tel-O-Fast" />
<meta name="description" content="telofast - אתר התל אופן שלי" />
<link rel="image_src" type='image/png' href="http://telofast.com/telofun/logo.gif" />
<link rel="icon" type='image/png' href="http://telofast.com/telofun/static/station_ok.png" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 100% }
  .stationInTable {}
  .stationInTableName {  }
  .stationInTableCell { cursor: pointer; border-bottom: solid 1px black; padding: 10px }
</style>
<script type="text/javascript"
    src="http://maps.googleapis.com/maps/api/js?language=iw&sensor=true&key=AIzaSyBcuMNQrIQqjj4Z5Gz-PayFXIS7YFlOeAY&libraries=geometry,places">
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script src='date.format.js'></script>
<script src='telofun.js'></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-27938578-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'iw'}
</script>
</head>
<body onload="initialize()" dir="rtl" style='font-family: arial; padding: 5px'>
  <div id="fb-root"></div>
	<script>(function(d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/he_IL/all.js#xfbml=1";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
  <div id='upperBar' style='display:none; height: 25px;'><span style='vertical-align: middle;'>
    <a id='aAbout' href='javascript:setSection("about"); delink("aAbout");'>אודות</a>&nbsp;&nbsp;
    <a id='aMapNow' href='javascript:setSection("map"); delink("aMapNow"); fetchCurrentStationsStatus()' style='text-decoration: none; font-weight:bold'>עכשיו</a>&nbsp;&nbsp;
    <a id='aStationRanking' href='javascript:setSection("stationRanking");delink("aStationRanking")'>ציוני תחנות</a>&nbsp;&nbsp;
    <a id='aWriteUs' href='mailto:bikes@telofast.com;'>כיתבו לנו</a>&nbsp;&nbsp;
    <a id='aPrediction' href='javascript:showPrediction();delink("aPrediction")' id='predictionA'>תחזית</a>
    <span id='prediction' style='display:none; font-size: small'><b>&nbsp;
    לשעה
    </b>
		<input type="range" name="hour" id="hour" min="5" max="22" step="0.25" onchange="timeChanged(this.value)" onmouseup="timeUp(this.value)" style="width: 500px; vertical-align: middle" value="12"/>
		<span id="timeLabel"></span>

  </span></div>
  <div id='mapDiv' style='height: 100%;'>	
		<table id='mainTable' style="width: 100%; height: 100%" role="presentation">
		  <tbody>
		    <tr><td id='mapTd' style="width:100%; height:100%">
		      <div id="map_canvas" ></div>
		    </td>
		    <td id='legend' style="vertical-align: top; display:none">
		      <span style='font-family: arial; font-size: small' id='regularLegend'>
		        <p><img src='static/station_ok.png' width='26' height='34' style='vertical-align: middle'> <span id='station_ok'> תחנה תקינה </span></p>
		        <p><img src='static/nobikes.png' width='26' height='34' style='vertical-align: middle'/> <span class='currentBikesLegend'> <img src='static/nearly_nobikes.png' width='26' height='34' style='vertical-align: middle'/> </span><span id='station_nobikes'></span></p>
		        <p><img src='static/nodocks.png' width='26' height='34' style='vertical-align: middle'/> <span class='currentBikesLegend'><img src='static/nearly_nodocks.png' width='26' height='34' style='vertical-align: middle'/>  </span><span id='station_nodocks'></span></p>
		        <p><img src='static/station_unknown.png' width='26' height='34' style='vertical-align: middle'/> <span id='station_noinfo'></span></p>
		      </span>
		      <span style='font-family: arial; font-size: small; display:none' id='rankingLegend'>
		        <p><img src='green.png'/ width='26' height='26' style='vertical-align: middle'> תחנה ברבעון הטוב ביותר </p>
		        <p><img src='yellow.gif' width='26' height='26' style='vertical-align: middle'/> תחנה בינונית </p>  		        <p><img src='red.gif' width='26' height='26' style='vertical-align: middle'/> תחנה ברבעון הגרוע ביותר </p>
		        <p><img src='gray.gif' width='26' height='26' style='vertical-align: middle'/> תחנה לא מופעלת או שאין פרטים </p>
		      </span>
          <span style='font-family: arial; font-size: small;'>
            <p><img src='static/bikelane.png' width='32' height='18' style='vertical-align: middle' /> נתיב אופניים</p>
          </span>
		    </td></tr>
		  </tbody>
		 </table>

    <br/>
    <span id='lowerText' style='display:none'>
		  <b>חפש</b>:
		  <input type='text' id='locate' size=60></input> <input type='button' value='חפש' length=40 onclick='search(this.value)'></input>
		  <br/> <br/>
		  <br/>
      </span>
    	<br/>
      <br/>
      <div class="fb-like" data-href="http://telofast.com" data-send="false" data-layout="button_count" data-width="100" data-show-faces="true"></div>
      <g:plusone size="small" href="http://telofast.com"></g:plusone>
    </span>
    <br/>
  </div>
  <div id='stationDistanceDiv' style='display: none'>
  <h3>
  תחנות קרובות:

  </h3>
  <table id='stationDistanceTable' cellspacing="0" style='font-size: large; font-weight: none; border: 1px'>
    <span id='stationDistanceSpinner'><img src='spinner.gif' width='25' height='25' /></span>
    <tbody>
    </tbody>
  </table>
  <br/><br/>
  <a href='javascript:setSection("map")'>&lt;&lt; חזרה</a>
  </div>
  <div id='stationRankingDiv' style='display: none'>
  <h2>ציוני תחנות <img src='map.gif' height='30' width='30' onclick='javascript:centerOn()' style='cursor: pointer' /></h2>
  <span><b><p>לחצו על התחנות בשביל לראותן במפה</p></b></span>
  <span id='stationRankingSpinner'><img src='spinner.gif' width='25' height='25' /></span>
  <table id='stationScoreTable' cellspacing="0" style='font-size: large; font-weight: none; border: 1px'>
    <tbody>
    </tbody>
  </table>
  <br/><br/>
  <a href='javascript:setSection("map")'>&lt;&lt; חזרה</a>
  </div>
  <div id='aboutDiv' style='display: none; width: 600px'>
    <h1>אז מה זה פה?</h1>
  <br/> 
  <span style='font-weight: normal; font-family:arial;'>
		<p> אנחנו משתמשי <a href='http://www.tel-o-fun.co.il'>תל אופן</a>, בדיוק כמוכם. טוב, אולי קצת יותר גיקים. </p>
		<p> רצינו לבנות אתר שייתן מידע לגבי איפה יש ואיפה אין אופניים כרגע, איך להגיע ממקום למקום, ובאופן
		  כללי - אילו תחנות טובות ואילו בעייתיות, מתי יש אופניים בכל תחנה ועוד סטטיסטיקות שלא בטוח שיעניין אתכם לשמוע. </p>
    <br/>
		<p>  מה שכן, אנחנו נורא אוהבים פידבק. אז אם תכתבו לנו <a href='mailto:bikes@telofast.com'>מייל</a> ותגידו מה אתם אוהבים ומה צריך לשפר, אנחנו מה-זה נשמח. </p>
    <p>יש גם אפליקצית אנדרואיד למי שרוצה:</p>
    <p>
      <a href="http://play.google.com/store/apps/details?id=com.studiosix.tlvbikes">
        <img alt="Android app on Google Play"
             src="http://www.android.com/images/brand/android_app_on_play_logo_large.png" />
      </a>    </p>
    <p>משתמשי אייפון? אתם יכולים לגשת לאתר הזה (telofast.com) והאתר יתאים את עצמו אליכם.</p>
   <br/>
		  <p>  תודה ורכיבה נעימה,</p>
		  <p> ליאור, רן, ואורן (להלן צוות telofast)</p>
    <br/><br/>
    <span style='font-size: small'> 
      <span style='font-style: italic; text-decoration: underline'>מידע לגיקים</span>:<br/>
      <b> התחזיות</b> נבנות מתוך מידע שנאסף בימים א-ה. 
      <br/>
      <b>ציוני התחנות</b> מחושבים (בקירוב) כאחוז מהזמן בו התחנה אינה ריקה/מלאה/תקולה, בימים א-ה בין השעות 6:00-10:00 ו- 15:00-20:00. תחנות שהופעלו לאחרונה מתחילות מציון נמוך ו"צוברות" ציונים טובים יותר ככל שעובר הזמן.
    </span>
    <br/><br/>
    </span>
    <a href='javascript:setSection("map")'>&lt;&lt; חזרה</a>
  </div>
  <div id='loadingDiv' style='height:100%; position: absolute; top: 0px; display: none;'>
    <img src='spinner.gif' width='150' height='150' style='position:float' />
  </div>

	</body>
  <script type='text/javascript'>
    setTimeout('if (document.getElementById("loadingDiv")) document.getElementById("loadingDiv").style.display="block";', 2000);
  </script>
</html>
